<!-- HTML5文档-->
<!DOCTYPE html>
<!-- 网页使用的语言 -->
<html lang="zh-CN">

    <head>
        <!-- 指定字符集 -->
        <meta charset="utf-8">
        <!-- 使用Edge最新的浏览器的渲染方式 -->
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <!-- viewport视口：网页可以根据设置的宽度自动进行适配，在浏览器的内部虚拟一个容器，容器的宽度与设备的宽度相同。
    width: 默认宽度与设备的宽度相同
    initial-scale: 初始的缩放比，为1:1 -->
        <meta name="viewport" content="width=device-width, initial-scale=1">
        <!-- 上述3个meta标签*必须*放在最前面，任何其他内容都*必须*跟随其后！ -->
        <title>添加用户</title>


        <link rel="stylesheet" type="text/css" href="/layui/css/layui.css">
        <script src="/layui/layui.js" type="text/javascript" charset="UTF-8"> </script>
        <script src="js/bootstrap.js"></script>
        <link href="css/bootstrap.css" rel="stylesheet">
    </head>
    <style>
        body {}

        ::-webkit-scrollbar {
            width: 5px;
            /*对垂直流动条有效*/
            height: 10px;
            /*对水平流动条有效*/
        }

        /*定义滚动条的轨道颜色、内阴影及圆角*/
        ::-webkit-scrollbar-track {
            -webkit-box-shadow: inset 0 0 6px transparent;
            background-color: transparent;
            border-radius: 3px;
        }

        /*定义滑块颜色、内阴影及圆角*/
        ::-webkit-scrollbar-thumb {
            border-radius: 7px;
            -webkit-box-shadow: inset 0 0 6px transparent;
            background-color: #2373a8;
        }
    </style>

    <body>
        <div class="container">
      <form class=" layui-form" action="">
            <div class="layui-form-item">
                <label class="layui-form-label">车辆颜色</label>
                <div class="layui-input-block">
                    <input type="button" name="title" required lay-verify="required" placeholder="请输入标题" value="红色"
                    style="text-align: left;"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>列控标准</label>
                <div class="layui-input-block">
                    <input type="button" name="title"  value="翻墙"
                    style="text-align: left;"required lay-verify="required" placeholder="请输入标题"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">选择框</label>
                <div class="layui-input-block">
                    <input type="button" name="title"  value="是"
                    style="text-align: left;"required lay-verify="required" placeholder="请输入标题"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
       
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>是否启用</label>
                <div class="layui-input-block">
                    <input type="radio" name="" value="未启用" title="未启用">
                    <input type="radio" name="" value="启用" title="启用" checked>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>黑白名单</label>
                <div class="layui-input-block">
                    <input type="radio" name="" value="白名单" title="白名单">
                    <input type="radio" name="" value="黑名单" title="黑名单" checked>
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>负责人</label>
                <div class="layui-input-block">
                    <input type="button" name="title"  value="王雪婷"
                    style="text-align: left;"required lay-verify="required" placeholder="请输入标题"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>负责人联系方式</label>
                <div class="layui-input-block">
                    <input type="button" name="title" value="132"
                    style="text-align: left;" required lay-verify="required" placeholder="请输入标题"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>列控开始时间</label>
                <div class="layui-input-block">
                    <input type="button" name="title"  value="2021-10-06 06:00:00"
                    style="text-align: left;"required lay-verify="required" placeholder="请输入标题"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label"><span style="color: red;">*</span>列控结束时间</label>
                <div class="layui-input-block">
                    <input type="button" name="title"  value="2022-10-06 06:00:00""
                    style="text-align: left;"required lay-verify="required" placeholder="请输入标题"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
            <div class="layui-form-item">
                <label class="layui-form-label">备注</label>
                <div class="layui-input-block">
                    <input type="button" name="title"  value="红色"
                    style="text-align: left;"required lay-verify="required" placeholder="请输入标题"
                        autocomplete="off" class="layui-input">
                </div>
            </div>
        </div>

        <div class="layui-form-item">
            <div class="layui-input-block" style="position: absolute; left: 33%; ">
                <button class="layui-btn" lay-submit lay-filter="formDemo" onclick="fn()">关闭</button>
             
            </div>
        </div>
        </form>

        <div>

        </div>

    </body>
    <script>
        //Demo
        layui.use('form', function () {

        }); function fn() {
            var index = parent.layer.getFrameIndex(window.name); //先得到当前iframe层的索引
            parent.layer.close(index); //再执行关闭
        }
    </script>

</html>